<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        wx.config({
            beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '{$corpID}', // 必填，企业微信的corpID
            timestamp: {$timestamp}, // 必填，生成签名的时间戳
            nonceStr: '{$nonce}', // 必填，生成签名的随机串
            signature: '{$signature}',// 必填，签名，见附录1
            jsApiList: ['selectEnterpriseContact'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.ready(function(){
        });
        wx.error(function(res){
        });
        function select(){
            wx.invoke("selectEnterpriseContact", {
                    "fromDepartmentId": -1,// 必填，-1表示打开的通讯录从自己所在部门开始展示, 0表示从最上层开始
                    "mode": "multi",// 必填，选择模式，single表示单选，multi表示多选
                    "type": ["department", "user"],// 必填，选择限制类型，指定department、user中的一个或者多个
                    "selectedDepartmentIds": [],// 非必填，已选部门ID列表。用于多次选人时可重入
                    "selectedUserIds": ["GuoDong"]// 非必填，已选用户ID列表。用于多次选人时可重入
                },function(res){
                    if (res.err_msg == "selectEnterpriseContact:ok"){
                        if(typeof res.result == 'string'){
                            res.result = JSON.parse(res.result) //由于目前各个终端尚未完全兼容，需要开发者额外判断result类型以保证在各个终端的兼容性
                        }
                        $("#result").text(JSON.stringify(res.result));
                        var selectedDepartmentList = res.result.departmentList;// 已选的部门列表
                        for (var i = 0; i < selectedDepartmentList.length; i++){
                            var department = selectedDepartmentList[i];
                            var departmentId = department.id;// 已选的单个部门ID
                            var departemntName = department.name;// 已选的单个部门名称
                        }
                        var selectedUserList = res.result.userList; // 已选的成员列表
                        for (var i = 0; i < selectedUserList.length; i++){
                            var user = selectedUserList[i];
                            var userId = user.id; // 已选的单个成员ID
                            var userName = user.name;// 已选的单个成员名称
                            var userAvatar= user.avatar;// 已选的单个成员头像
                        }
                    }
                }
            );
        }
    </script>
</head>
<body>
    <button onclick="location.reload()">刷新</button>
    <form action="{:U('doEdit')}" method="post">
        <input type="hidden" name="sign" value="{$sign}">
        <input type="hidden" name="id" value="{$customer.id|default=''}">
        <div>
            <label for="name">客户名称</label>
            <input type="text" value="{$customer.name|default=''}" id="name" name="name"/>
        </div>
        <div>
            <label for="type">客户类型</label>
            <input type="text" value="{$customer.type|default=''}" id="type" name="type"/>
        </div>
        <div onclick="select()">
            <label for="responsible">负责人</label>
            <input type="text" value="{$customer.responsible|default=''}" id="responsible" name="responsible"/>
        </div>
        <div>
            <label for="phone">电话</label>
            <input type="text" value="{$customer.phone|default=''}" id="phone" name="phone"/>
        </div>
        <div>
            <label for="address">地址</label>
            <input type="text" value="{$customer.address|default=''}" id="address" name="address"/>
        </div>
        <div>
            <label for="status">跟进状态</label>
            <input type="text" value="{$customer.status|default=''}" id="status" name="status"/>
        </div>
        <div>
            <label for="remark">备注</label>
            <input type="text" value="{$customer.remark|default=''}" id="remark" name="remark"/>
        </div>
        <button type="submit">提交</button>
    </form>
    <pre id="result"></pre>
</body>
</html>